<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>${activity.title}</title>
    <link rel="stylesheet" href="${ctx}/resources/yb/style/weui/weui.min.css"/>
    <link rel="stylesheet" href="${ctx}/resources/yb/style/weui/example.css"/>
    <link rel="stylesheet" href="${ctx}/resources/yb/style/weui/weuiNew.min.css"/>
    <link rel="stylesheet" href="${ctx}/resources/yb/style/weui/plus.css"/>


    <script src="http://cdn.bootcss.com/jquery/1.8.3/jquery.js"></script>
    <script src="${ctx}/resources/yb/js/app.js"></script>
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script src="${ctx}/resources/yb/js/wechat.api.js"></script>
    <meta name="format-detection" content="telephone=no"/>
    <style type="text/css">
        section {
            max-width: 100%;
        }
    </style>
</head>
<body>
<script>
    $(function () {
        var url = window.location.href;
        url = url.replace(/&/g, "%26");
        $.ajax({
            url: '/OAuth/WxShare?url=' + url,
            type: 'POST',
            dataType: 'json',
            success: function (data) {
                wx.config({
                    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。  //appId: "wx8c534c995ee68d7e", // 必填，公众号的唯一标识
                    appId: data.AppId, // 必填，公众号的唯一标识
                    timestamp: data.Timestamp, // 必填，生成签名的时间戳
                    nonceStr: data.NonceStr, // 必填，生成签名的随机串
                    signature: data.Signature, // 必填，签名，见附录1
                    jsApiList: [
                        'onMenuShareAppMessage',
                        'onMenuShareTimeline',
                        'hideOptionMenu',
                        'showOptionMenu',
                        'showMenuItems',
                        'hideMenuItems',
                        'openLocation'
                    ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                });
            }
        });
        WeChat.hideOptionMenu();
    })
</script>


<style type="text/css">

    #userInfo .weui_cell:last-child:after {
        content: " ";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        color: #d9d9d9;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
        left: 15px;
    }

    #userInfo .weui_cell:last-child:after {
        content: " ";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        /*border-bottom: 1px solid #d9d9d9;*/
        color: #d9d9d9;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
        left: 15px;
    }

    .weui_cells_title, .weui_cell {
        background: #fff;
    }

    .weui_cells_form {
        background: #F0F0F0;
    }

    .weui_cells_title {
        padding-top: 11px;
        margin-bottom: 0em;
        padding-bottom: 3px;
        color: #343434;
        font-size: 16px;
    }

    .weui_cells:after {
        border-bottom: 0;
    }

    section {
        max-width: 100%;
    }

    .weui-uploader__file_status:before {
        background: transparent;
    }

    .weui-uploader__file-content {
        top: 15px;
        right: -16px;
        left: auto;
    }

    .del_b {
        position: absolute;
        bottom: 0;
        width: 100%;
        background: #F43530;
        color: #fff;
        text-align: center;
        font-size: 0.8em;
        padding: 3px 0;
        font-size: 12px;
    }

</style>

<form action="/mobileActivity/signUp" data-ajax="true" data-ajax-begin="Begin" data-ajax-method="Post"
      data-ajax-success="onSuccess" id="form0" method="post">
    <input data-val="true" data-val-number="The field Int32 must be a number."
           data-val-required="Int32 字段是必需的。"
           id="activityId" name="activityId" type="hidden" value="${activity.id}"/>
    <input data-val="true" data-val-number="The field Int32 must be a number."
           data-val-required="Int32 字段是必需的。"
           id="auId" name="auId" type="hidden" value="${auId}"/>
    <input data-val="true" data-val-number="The field Int32 must be a number."
           data-val-required="Int32 字段是必需的。"
           id="activityName" name="activityName" type="hidden" value="${activity.title}"/>
    <div class="weui_toptips weui_warn js_tooltips"></div>
    <div class="page slideIn cell">
        <div id="scroller">
            <header class="ui-header ui-header-positive site-header">
                <div class="ui-whitespace system" onclick="history.go(-1)">
                </div>
                <h1 class="ui-nowrap">报名活动</h1>
            </header>
            <div class="bd">
                <div class="weui_cells_title">
                    <div class="title">${activity.title}</div>
                    <%--<div class="info">活动将于<span class="time">2018年05月18日 13:45</span>截止报名</div>--%>
                </div>
                <div class="weui_cells weui_cells_form">
                    <div id="userInfo">

                        <div class="weui_cell">
                            <div class="weui_cell_hd">
                                <label class="weui_label">姓名</label>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <input class="weui_input" id="userName" name="userName" placeholder="请输入姓名(必填)"
                                       require="true" type="text" value="${user.name}"/>
                            </div>
                        </div>
                        <div class="weui_cell">
                            <div class="weui_cell_hd">
                                <label class="weui_label">手机</label>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <input class="weui_input" id="mobile" name="mobile" placeholder="请输入手机(必填)"
                                       require="true" type="tel" value="${user.phone}"/>
                            </div>
                        </div>
                    </div>
                    <div id="extraForm">


                    </div>
                </div>
                <input id="ExtraInfo" name="ExtraInfo" type="hidden" value=""/>
            </div>
            <div class="weui_opr_area">
                <p class="weui_btn_area">
                    <button type="submit" class="weui_btn weui_btn_primary">确定</button>
                </p>
            </div>
        </div>
    </div>
    <!--</form><script src="https://m.zhundao.net/Content/js/bundles/jqueryval?v=MSW2uERwmCey3FVMQftqNuS8ARFvu4ciZ9Betz6ix6w1"></script>-->
</form>
<script src="${ctx}/resources/yb/js/bundles/jqueryval.js"></script>

<script src="${ctx}/resources/yb/js/lampon.stringfilter.js"></script>
<script src="${ctx}/resources/yb/js/lampon.validate.js"></script>
<script src="${ctx}/resources/yb/js/plugins/ajaxupload/ajaxupload.3.6.js"></script>
<script src="http://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script type="text/javascript">
    var _newAjaxMethor = true;

    $(function () {
        App.setModelValidate();
        $('.square_uploader').each(function () {
            ajaxUploadImg($(this));
        });
        if ($('.square_uploader_face').length != 0) {
            ajaxUploadFace($('.square_uploader_face'));
        }
        $('#getCode').click(function () {
            if ($(this).hasClass('on')) {
                return;
            }
            $.ajax({
                type: 'POST',
                url: '/activity/SendVCodeByPhone/?phone=' + $('#Mobile').val() + "&adminKey=oX9XjjnyjGvr5tCpZ_okfjCnIiXU",
                beforeSend: App.showLoading(),
                dataType: "json",
                success: onSuccess
            });
            //获取验证码
            //获取后
            $(this).addClass('on');
            var s = 60;
            $('#getCode').html(--s + '秒后重新获取');
            var time = setInterval(function () {
                $('#getCode').html(--s + '秒后重新获取');
                if (s <= 0) {
                    clearInterval(time);
                    time = null;
                    $('#getCode').removeClass('on').html('获取验证码');
                }
            }, 1000);

        });


        $('button[type=submit]').click(function () {
            if ($("#userName").val().trim()=='') {
                App.alertDialog('请输入用户名');
                return false;
            }
            if (!$.isPhoneNo($("#mobile").val())) {
                App.alertDialog('请输入正确到手机号');
                return false;
            }
//            var remarkContent = $("#Remark").next('div[contenteditable="true"]').html();
//            $("#Remark").val(remarkContent);
//            //文本域赋值
//            $('div[contenteditable="true"]', '#extraForm').each(function (index, item) {
//                var currVal = $.filterAll($(item).html());
//                $(item).next('input').val(currVal);
//            });
//            //下拉框赋值
//            $('select', '#extraForm').each(function (index, item) {
//                var currVal = $(item).val().trim();
//                $(item).next('input[type=hidden]').val(currVal);
//            });
//            //多选赋值
//            $('.weui_cells_checkbox', '#extraForm').each(function (index, item) {
//                var $hasCheck = $('input[type=checkbox]:checked', item);
//                var checkVal = '';
//                $hasCheck.each(function (i, n) {
//                    checkVal += $(n).attr('name') + '|';
//                });
//                if ($hasCheck.length == 1) {
//                    checkVal = checkVal.substring(0, checkVal.length - 1);
//                }
//                $(item).find('input[type=hidden]').val(checkVal);
//            });
//            //单选赋值
//            $('.weui_cells_radio', '#extraForm').each(function (index, item) {
//                var $hasCheck = $('input[type=radio]:checked', item).val();
//                $(item).find('input[type=hidden]').val($hasCheck);
//            });
//            //图片上传
//            $('.weui_uploader', '#extraForm').each(function (index, item) {
//                var $imgItem = $('li', item);
//                var imgVal = '';
//                $imgItem.each(function (i, n) {
//                    imgVal += $(n).attr('url') + '|';
//                });
//                if ($imgItem.length > 0) {
//                    imgVal = imgVal.substring(0, imgVal.length - 1);
//                }
//                $(item).find('input[type=hidden]').val(imgVal);
//            });
//
//            //人脸照片赋值
//            $('.weui_uploader', '#userInfo').each(function (index, item) {
//                var $imgItem = $('li', item);
//                var imgVal = '';
//                $imgItem.each(function (i, n) {
//                    imgVal += $(n).attr('url') + '|';
//                });
//                if ($imgItem.length > 0) {
//                    imgVal = imgVal.substring(0, imgVal.length - 1);
//                }
//                $(item).find('input[type=hidden]').val(imgVal);
//            });
//            //序列化所有额外数据
//            var extraInfo = '{';
//            $('input', '#extraForm').not('input[type=checkbox]').not('input[type=radio]').not('input[type=file]').each(function (index, item) {
//                extraInfo += "\"" + $(item).attr('name') + "\":" + "\"" + $.filterJson($(item).val()) + "\",";
//            });
//            if (extraInfo.length > 2) {
//                extraInfo = extraInfo.substring(0, extraInfo.length - 1) + "}";
//            } else {
//                extraInfo = '';
//            }
//            $('#ExtraInfo').val(extraInfo);
        });
    });
    $(function () {
        if ($.cookie('userName')) {
            $("#userName").val($.cookie('userName'));
        }
        if ($.cookie('mobile')) {
            $("#mobile").val($.cookie('mobile'));
        }
//        if ($.cookie('Sex')) {
//            $("#sex").val($.cookie('sex'));
//        }
//        if ($.cookie('company')) {
//            $("#company").val($.cookie('company'));
//        }
//        if ($.cookie('depart')) {
//            $("#depart").val($.cookie('depart'));
//        }
//        if ($.cookie('duty')) {
//            $("#duty").val($.cookie('duty'));
//        }
//        if ($.cookie('Industry')) {
//            $("#Industry").val($.cookie('Industry'));
//        }
//        if ($.cookie('Email')) {
//            $("#Email").val($.cookie('Email'));
//        }
//        if ($.cookie('IDcard')) {
//            $("#IDcard").val($.cookie('IDcard'));
//        }
//        if ($.cookie('Address')) {
//            $("#Address").val($.cookie('Address'));
//        }
    });
    var Begin = function () {
        if ($("#userName")) {
            $.cookie('userName', $("#userName").val(), {expires: 365});
        }
        if ($("#mobile")) {
            $.cookie('mobile', $("#mobile").val(), {expires: 365});
        }
        if (!$.isPhoneNo($("#mobile").val())) {
            App.alertDialog('手机号码格式不正确');
            return false;
        }
//        if ($("#Sex")) {
//            $.cookie('Sex', $("#Sex").val(), {expires: 365});
//        }
//        if ($("#Company")) {
//            $.cookie('Company', $("#Company").val(), {expires: 365});
//        }
//        if ($("#Depart")) {
//            $.cookie('Depart', $("#Depart").val(), {expires: 365});
//        }
//        if ($("#Duty")) {
//            $.cookie('Duty', $("#Duty").val(), {expires: 365});
//        }
//        if ($("#Industry")) {
//            $.cookie('Industry', $("#Industry").val(), {expires: 365});
//        }
//        if ($("#Email").length > 0) {
//
//            var reg = /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/;
//            if (!reg.test($("#Email").val())) {
//                App.alertDialog('请输入正确的邮箱地址');
//                return false;
//            }
//
//            $.cookie('Email', $("#Email").val(), {expires: 365});
//        }
//        if ($("#IDcard").length != 0) {
//            if (!$.isIdCard($("#IDcard").val())) {
//                App.alertDialog('请输入正确的身份证号码');
//                return false;
//            }
//            $.cookie('IDcard', $("#IDcard").val(), {expires: 365});
//        }
//        if ($("#Address")) {
//            $.cookie('Address', $("#Address").val(), {expires: 365});
//        }
//
//        var $box = $('input[require]').not('input[name=Remark]').not('input[type=checkbox]').not('input[type=file]').not('#ExtraInfo');
//
//        var $box0 = $('input[type=tel]');
//        var flag = $box.length;
//        var flag0 = $box0.length;
//        $box0.each(function () {
//            if (isNaN($(this).val().trim())) {
//                App.alertDialog($(this).attr('placeholder') + "且为数字");
//                return false;
//            }
//            flag0--;
//        });
//        $box.each(function () {
//            if ($(this).val().trim() == '') {
//                App.showError($(this).attr('placeholder'));
//                return false;
//            }
//            flag--;
//        });
//        if (flag === 0 && flag0 === 0) {
//            App.showLoading();
//            return true;
//        } else {
//            return false;
//        }
    };

</script>

<script type="text/javascript" src="https://pingjs.qq.com/h5/stats.js" name="MTAH5" sid="500049665"></script>
</body>
</html>
